<html>
<head>
	<title>Tester</title>
	
	<link rel="stylesheet" type="text/css" href="css/core.css">
	
	<script type="text/javascript" src="js/core/Main.js"></script>
	<script type="text/javascript" src="js/core/Number.js"></script>
	<script type="text/javascript" src="js/core/String.js"></script>
	<script type="text/javascript" src="js/core/Array.js"></script>
	<script type="text/javascript" src="js/core/Object.js"></script>
	<script type="text/javascript" src="js/core/Browser.js"></script>
	<script type="text/javascript" src="js/core/Exception.js"></script>
	<script type="text/javascript" src="js/core/EventManager.js"></script>
	
	<script type="text/javascript" src="js/util/Collection.js"></script>
	<script type="text/javascript" src="js/util/MixedCollection.js"></script>
	<script type="text/javascript" src="js/util/List.js"></script>
	<script type="text/javascript" src="js/util/ArrayList.js"></script>
	<script type="text/javascript" src="js/util/LinkedList.js"></script>
	<script type="text/javascript" src="js/util/HashSet.js"></script>
	<script type="text/javascript" src="js/util/Map.js"></script>
	<script type="text/javascript" src="js/util/HashMap.js"></script>
	<script type="text/javascript" src="js/util/ReferenceMap.js"></script>
	<script type="text/javascript" src="js/util/StringBuilder.js"></script>
	<script type="text/javascript" src="js/util/Locale.js"></script>
	<script type="text/javascript" src="js/util/Serializable.js"></script>
	<script type="text/javascript" src="js/util/Observable.js"></script>
	<script type="text/javascript" src="js/util/DateFormat.js"></script>
	<script type="text/javascript" src="js/util/JSON.js"></script>
	<script type="text/javascript" src="js/util/Encoder.js"></script>
	
	<script type="text/javascript" src="raze2.js"></script>
	
	<script type="text/javascript" src="js/dom/Template.js"></script>
	<script type="text/javascript" src="js/dom/Helper.js"></script>	
	<script type="text/javascript" src="js/dom/Element.js"></script>
	<script type="text/javascript" src="js/dom/CompositeElement.js"></script>
	
	<script type="text/javascript" src="js/canvas/Canvas.js"></script>

	<script type="text/javascript" src="js/net/HttpRequest.js"></script>
	<script type="text/javascript" src="js/net/HttpRequestDispatcher.js"></script>
	<script type="text/javascript" src="js/net/RequestDispatcher.js"></script>
	
	<script type="text/javascript" src="js/data/Field.js"></script>
	<script type="text/javascript" src="js/data/Record.js"></script>
	<script type="text/javascript" src="js/data/Type.js"></script>
	<script type="text/javascript" src="js/data/Store.js"></script>
	
	<script type="text/javascript" src="js/flux/Component.js"></script>
	<script type="text/javascript" src="js/flux/Container.js"></script>
	<script type="text/javascript" src="js/flux/RootContainer.js"></script>
	<script type="text/javascript" src="js/flux/Button.js"></script>
	<script type="text/javascript" src="js/flux/ToggleButton.js"></script>
	<script type="text/javascript" src="js/flux/CheckBox.js"></script>
	<script type="text/javascript" src="js/flux/UIManager.js"></script>
	
	<script type="text/javascript" src="js/flux/layout/Layout.js"></script>
	<script type="text/javascript" src="js/flux/layout/BorderLayout.js"></script>
	<script type="text/javascript" src="js/flux/layout/RowLayout.js"></script>
	<script type="text/javascript" src="js/flux/layout/ColLayout.js"></script>
	<script type="text/javascript" src="js/flux/layout/SpringLayout.js"></script>
	<script type="text/javascript" src="js/flux/layout/Spring.js"></script>
	<script type="text/javascript" src="js/flux/layout/SpringConstraint.js"></script>
	<script type="text/javascript" src="js/flux/layout/SpringProxy.js"></script>
	
	<script type="text/javascript" src="js/flux/laf/Soft.js"></script>
	
	<script type="text/javascript">
	jsool.onReady(function(){
		var raiz,b,c,d,e,f,b1;

		/*
		* Para a atualização da tela e do lançamento de eventos
		*/
		js.flux.UIManager.lock();
		
		//Container Principal
		raiz = new js.flux.Container();
		raiz.setX(10);
		raiz.setY(10);
		raiz.setWidth(650);
		raiz.setHeight(300);

		//Adiciona container a raiz da interface
		js.flux.UIManager.add(raiz);

		//Define layout
		raiz.setLayout(new js.flux.BorderLayout());		
		
		//Adiciona o botão ao container principal
		b = new js.flux.Button("Largo");
		raiz.add(b,"TOP");


		//CONTAINER DA BASE
		c = new js.flux.Container();
		raiz.add(c,"BOTTOM");
		
		c.add(new js.flux.Button("Btm 1"));
		c.add(new js.flux.Button("Btm 2"));
		c.add(new js.flux.Button("Btm 3"));
		c.add(new js.flux.Button("Btm 4"));
		
		b = new js.flux.Button("Botao Grande 5");
		b.setWidth(200);				
		c.add(b);
				
		c.add(new js.flux.Button("Btm 6"));
		c.setHeight(40);
		
		//Define um layout diferente para este container
		c.setLayout(new js.flux.RowLayout());

		//CONTAINER DA ESQUERDA
		d = new js.flux.Container();
		raiz.add(d,"LEFT");
		
		d.add(new js.flux.Button("BT 4"));
		d.add(new js.flux.ToggleButton("BT 5"));
		d.add(new js.flux.CheckBox("lolly"));

		//Mais um layout
		d.setLayout(new js.flux.ColLayout());
		d.setWidth(120);

		//Adiciona botao a direita do container principal
		e = new js.flux.Button("Alto");
		raiz.add(e,"RIGHT");

		//CONTAINER DO CENTRO
		f = new js.flux.Container();
		raiz.add(f,"CENTER");		

		b1 = new js.flux.Button("b1");

		f.add(b1);

		//Destrava interface para atualizar a tela e lançar eventos
		js.flux.UIManager.unlock();
	});

	function testRaze(){
		var t = jsool.time();
		for(var i = 500;i--;)
			Raze.compile("#cool table:empty td tr:first-child.daslol");
		return jsool.time()-t;
	}
	
	</script>

</head>
<body>
	<div id="ake"></div>
	<div id="aki"></div>
	<div id="la"></div>
</body>
</html>